<template>
<view class="meeting-list list-box">
		<view class="meeting-top ">
				<view class="title flex f-side">
					<view class="flex "><view class="title-text">{{item.CarPlate}} </view><view class="space">行驶里程：{{item.Mil}} km</view></view>
					<view class="car-detail itemCenter" @tap.stop="go_carDetail(item)" v-if="item.VehicleInfoSN">车辆信息</view>
				</view>
				<view class="f-side add-class list-common"  @tap="do_metSubmit(item)">
					<view class="">
						<view > 联系人：{{item.VehicleContact}}</view>
						<view>联系电话：{{item.VehicleContactMobile}}</view>
						<view class="flex">接待人员：{{item.SaleMan}} <view class="iconfont icon-xunhuan1" v-if="false"></view></view>
						<view>接待时间：{{item.ReceptionDate}}</view>
					</view>
			    <view class="imge" v-if="item.FinishState=='已完工'"><image class="finish-image" src="../../static/home/finishSucces.png" mode=""></image></view>
			    <view class="imge" v-if="item.FinishState=='已开单'"><image class="finish-image" src="../../static/home/car_service.png" mode=""></image></view>
			    <view class="imge" v-if="item.FinishState=='终止'"><image class="finish-image" src="../../static/home/finishFalse.png" mode=""></image></view>
				</view>

		</view>
		<view class="list-bottom f-side" v-if="item.item||item.State=='待开单'">
			<view class="flex list-bottom-left">
				<block v-for="(item2,index2) in item.item" :key="index2" >
						<view :style="{border:'1rpx solid #'+item2.Color,color:'#'+item2.Color}" class="zcOverflow3" @tap="do_showDetail(item2)">{{item2.Name}}</view>
				</block>
			</view>
			<view class="flex ">
				<!-- <button type="primary" class="btn-grey common-btn" @tap="do_metSubmit(item)" v-if="item.State!='待开单'">终止</button> -->
				<!-- <button type="primary" class=" common-btn" @tap="do_metSubmit('up')">交车</button> -->
				<button type="primary" class=" common-btn" @tap.stop="do_metSubmit(item)" v-if="item.State=='待开单'">开单</button>
			</view>
		</view>
	</view>
</template>

<script>
	let _this;
	export default{
		data(){
			return{
				
			}
		},
		props:{
			item:Object
		},
		methods:{
			do_metSubmit(item){
				this.$emit("do_metSubmit",item)
			},
			do_showDetail(item){
				this.$emit("do_showDetail",item)
			},
			go_carDetail(item){
				console.log(item.VehicleInfoSN)
				uni.navigateTo({
					url:'../../pages/home_car_archives/home_car_archives?SN='+item.VehicleInfoSN
				});
			}
		},
		// computed: {
		// 	myUrl() {
		// 		return '../../pages/home_car_archives/home_car_archives?SN='+_this.VehicleInfoSN 
		// 	}
		// },
	}
</script>

<style scoped>
	.list-bottom-left>view{
		padding: 3upx 10upx 4upx 15upx;
		height: 40upx;
		line-height: 36upx;
		margin-right: 20upx;
		color: #fff;
		border-radius: 10upx;
		max-width: 155upx !important;
		box-sizing: border-box;
		font-size: 21upx;
	}
	.list-box{
		padding-bottom: 10upx !important;
		padding-top: 20upx !important;
	}
	.car-detail{
		/* font-size: 30upx; */
		color: #4EADFD;
	}
		.finish-image{
		width: 120upx;
		height: 120upx;
	}
	.add-class{
		height: auto !important;
	}
</style>
